A nested layer is a layer created inside another layer. Use the Layer palette or the insertion, drag and drop, or drawing technique to create nested layers.
You can use nesting to group layers together. A nested layer moves with its parent layer and inherits its visibility. Netscape layers created with the LAYER
and ILAYER
tags expand to include their child's width and height.
The following is sample HTML code for a nested layer:
<div id="Parent" style="position:absolute; left:56px; top:54px; width:124px; height:158px; z-index:1;">Content inside the parent layer. <div id="Nested" style="position:absolute; left:97px; top:114px; width:54px; height:69px; z-index:1;">Content inside the nested layer. </div></div>
When drawing layers, use Layer preferences to force a layer created inside another layer to be a nested layer. Choose Edit > Preferences, select Layers, and click the Nesting checkbox. See Layer preferences.
To create a nested layer, do one of the following:
![]() |
To insert a nested layer, place the insertion point inside an existing layer and choose Insert > Layer. |
![]() |
To drag and drop a nested layer, drag the Layer button from the Object palette, then drop it inside an existing layer. |
![]() |
To draw a nested layer, click the Layer button in the Object palette; then, inside an existing layer, drag to draw the nested layer. If Nesting is turned off in Layers preferences, press Control (Windows) or Command (Macintosh) to draw a layer inside an existing layer. |
To create a nested layer using the Layer palette:
1 | Choose Window > Layers or press F11 to open the Layer palette. |
2 | Press the Control key (Windows) or Command key (Macintosh) and select a layer in the Layer palette, then drag it to the target layer. |
3 | Release the mouse button when a box appears around the name of the target layer. |
![]() |